<template>
  <div class="crm-management">
    <el-tabs v-model="activeTab" class="crm-tabs">
      <el-tab-pane label="客户管理" name="customer">
        <CustomerManagement />
      </el-tab-pane>
      <el-tab-pane label="跟进记录" name="followup">
        <FollowUpManagement />
      </el-tab-pane>
      <el-tab-pane label="分配记录" name="allocation">
        <AllocationManagement />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import CustomerManagement from './CustomerManagement.vue'
import FollowUpManagement from './FollowUpManagement.vue'
import AllocationManagement from './AllocationManagement.vue'

const activeTab = ref('customer')
</script>

<style scoped>
.crm-management {
  padding: 20px;
}

.crm-tabs {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
</style>